<script>
// 1. 自动引进 reactive 方法
import { reactive } from 'vue';


export default {
    setup() {
        // 2. 代用方法，把复杂数据转换响应式
        const obj = reactive({
            name: 'zs',
            age: 20
        })
        console.log('obj -----> ', obj);
        const change = () => {
            obj.age++
        }

        // 页面要用到的数据和方法，都 return
        return { obj, change }
    }
}
</script>

<template>
    <div>vue3 - {{obj}}</div>
    <div>姓名：{{obj.name}}</div>
    <div @click="change">年龄：{{obj.age}}</div>
</template>